
<html lang="zh-cn">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=EDGE">
        <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no">
        <meta name="MobileOptimized" content="320">
        <meta http-equiv="cleartype" content="on">
        <meta name="robots" content="noindex,nofollow">
        <title></title>
        <link rel="stylesheet" type="text/css" href="/assets/kf/css/index/chat.css" />
        <link rel="stylesheet" type="text/css" href="/assets/kf/libs/layui/css/layui.css" />
        <link rel="stylesheet" type="text/css" href="/assets/kf/libs/layer/skin/layer.css" />
        <script type="text/javascript" src="/assets/kf/libs/jquery/jquery.min.js"></script>
        <script type="text/javascript" src="/assets/kf/libs/layer/layer.js"></script>
        <style>
            *{
                padding: 0;
                margin:0;
            }

            ::-webkit-scrollbar {
                width: 6px
            }

            ::-webkit-scrollbar-track {
                background-color: #ddd
            }

            ::-webkit-scrollbar-track-piece {
                background-color: #f3f3f3;
                -webkit-border-radius: 3px
            }

            ::-webkit-scrollbar-thumb {
                background-color: #ccc;
                border: solid 1px #c0c0c0;
                border-radius: 3px
            }

            ::-webkit-scrollbar-corner {
                background-color: #f3f3f3
            }

            ::-webkit-resizer {
                background-repeat: no-repeat;
                background-position: bottom right
            }

            ::-webkit-scrollbar-thumb:hover {
                background-color: #bbb
            }

            .input-but {
                position: relative;
                display: inline-block;
                vertical-align: middle;
                width: 30px;
                height: 30px;
            }

            .fileinput {
                width: 30px;
                height: 30px;
                position: absolute;
                top: 0px;
                right: 0px;
                opacity: 0;
                filter: alpha(opacity=0);
                cursor: pointer;
            }

            .icon_gray {
                -webkit-filter: grayscale(100%);
                -ms-filter: grayscale(100%);
                filter: grayscale(100%);
                filter: gray;
            }

            .triangle {
                display: inline-block;
                width: 0;
                height: 0;
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 8px solid #fff;
            }

            .hide{
                display: none;
            }

            .hidden{
                visibility:hidden; 
            }
            .chatmsg{
                /*margin-bottom: 25px;*/
                position: relative;
                /*margin-top: 10px;*/
            }

            .tool_box {
                width: 280px;
                height: 195px;
                position: absolute;
                bottom: 20%;
                border: 1px solid #ddd;
                display: none;
            }

            .question{
                cursor: pointer;
            }
.btn{
            /*width: 270px;  宽度 */
            /*height: 40px;  高度 */
            border-width: 0px; /* 边框宽度 */
            border-radius: 3px; /* 边框半径 */
            background: #fff;
            cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
            outline: none; /* 不显示轮廓线 */
            /*font-family: Microsoft YaHei;  设置字体 */
            color: #25a749; /* 字体颜色 */
            /*font-size: 13px;  字体大小*/ 
            padding: 3px;
        }
        .btn:hover .btn:active {
            background: #25a749;
            color: #fff;
        }
        </style>
    </head>
    <body style="background: #fff;">
        <div class="" style="display: block; height: 100%; width: 100%;top: 0px; bottom: 0px; left: 0px; margin-top: 0px; margin-left: 0px;">
            <div id="wolive-Chat" class="" >

                <div class="header" style="width: 100%;height: 50px;position: relative;">

                    <div class="infoBar" style="position: absolute;">
                        <!--<img id="img_head" src="/assets/chat/images/workerman_logo.png"  style="width: 46px;height: 46px;border-radius: 50%;position: absolute;left: 10px;top: 10px;" >-->
                        <div style="position: absolute;left: 50px;top: 12px;">
                            <p>
                                <span id='services' style="display: inline-block;width: 300px;height: 26px;line-height: 26px; font-size: 12px;">
                                    <span>当前<i id='online_count'>1</i>人在线</span>
                                <span style="margin-left: 10px;">
                                    <button onclick="tolist()" class="btn">工作台</button>
                                </span>
                                <!--<span style="margin-left: 10px;">-->
                                    <!--<a href="">结束接待</a>-->
                                    <!--<button onclick=""  class="btn">结束接待</button>-->
                                <!--</span>-->
                                </span>
                            </p>

                            <p class="" id="" ></p>
                        </div>
                    </div>
                </div>

                <div class="chatMain" style="width:100%; ">
                    <div>
                        <ul id="wrap"  class="conversation" style="width:100%;height: 70%;background-color: #fff;padding:0px;overflow-y: auto;left: 0;margin: 0;" >
                        </ul>
                    </div>
                    <div class="tool_box">

                        <div class="wl_faces_content">

                            <div class="wl_faces_main">

                            </div>
                        </div>

                    </div>


                    <div id="footer" style="position: absolute;bottom: 0;width: 100%;height: 20%;" >
                        <div class="msg-input" style="margin: 0">
                            <div  style="width: 100%;margin:0 auto;">
                                <textarea id="msg_content" class="edit-ipt"
                                          style="font-weight: normal; font-size: 16px; overflow-x: hidden;overflow-y:auto;word-break: break-all; font-style: normal; outline: none;width: 100%;height: 76px;border:none;padding: 10px;border-top: 1px solid #f7f7f7"
                                          contenteditable="true" hidefocus="true" tabindex="0"></textarea>
                            </div>
                        </div>
                        <div class="msg-toolbar" style="width: 60%;margin:0 auto;background: #fff;height: 20px;bottom: 20px;left: 10px;position: absolute;">
                            <a id="face_icon" href="javascript:" onclick="faceon()"><img src="/assets/kf/img/smile.png" alt=""></a>

                        </div>
                        <div class="msg-toolbar-footer grey12" style="bottom: 10px;right: 10px;position: absolute;">
                            <a  id="send" class="layui-btn msg-send-btn">
                                发送
                            </a>
                            <a id="showinfo" class="showinfo">
                                <div style="height: 12px;border-left: 1px solid #FFF;margin-top: 8px;padding: 7px 15px">
                                    <img src="/assets/kf/img/up-menu.png" alt=""> 
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>

</html>
<!--<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>-->
<script src="__PUBLIC__assets/kf/js/common.js?a=22"></script>
<script src="__PUBLIC__assets/kf/js/kf_client.js?a=12332d232332333332333322223332132"></script>
<script>

                                var PORT = "{$config['port']}";
                                var isHTTPS = '{$isHttps}';
                                var uuid = "{$uuid}";
                                var TOKEN = '{$token}';
                                var DOMAIN = '{$domain}';
                                var TOKEN2 = '{$token2}';
</script>

